{% extends "base.html" %}
{% load compress %}
{% load category_tags %}
{% load staticfiles %}
{% load i18n %}

{% block extrahead %}
    <script src="{% static "demo/js/modernizr/modernizr.js" %}" type="text/javascript" charset="utf-8"></script>
    <!--[if lte IE 7]><script src="{% static "demo/fonts/lte-ie7.js" %}"></script><![endif]-->
{% endblock %}

{% block layout %}
    <div id="layout">
        <header class="header">
            {% include "partials/nav_accounts.html" %}
            <div class="container-fluid">
                <div class="header-content">
                    <div>
                        {% include "partials/brand.html" %}
                        {% block brand_title %}<h3>{% trans "Toda la moda en un solo lugar" %}</h3>{% endblock %}
                    </div>
                    <div>
                        {% block mini_basket %}<p><i class="icon-cart"></i>{% include "partials/mini_basket.html" %}</p>{% endblock %}
                        <p><i class="icon-mobile"></i> <span>{% trans "Ayuda On-Line" %} <br/> <strong>+0054-342-4580460</strong></span></p>
                        <p><i class="icon-lock"></i> <span>{% trans "Seguridad por" %} <br/> <strong>{% trans "VeriSign" %}</strong></span></p>
                    </div>
                 </div>
            </div>
            {% category_tree depth=2 as categories %}
            {% block navigation %}
                {% include "partials/nav_primary.html" %}
            {% endblock %}
        </header>

        {% block content_wrapper %}
        {% block page_promotions %}{% endblock %}
        <div class="page">
            <div class="container-fluid">
                <div class="page_inner">
                    {% block breadcrumbs %}{% endblock %}
                    {% block header %}
                    <div class="page-header action">
                        <h1>{% block headertext %}{% endblock %}</h1>
                    </div>
                    {% endblock %}
                    {% include "partials/alert_messages.html" %}
                    {% block subnavigation %}{% endblock %}
                    <div class="content">
                        {% block subheader %}{% endblock subheader %}

                        {# Div exists for AJAX updates to entire content section #}
                        <div id="content_inner">{% block content %}{% endblock %}</div>
                    </div>
                </div>
            </div>
        </div>
        {% endblock %}

        <div id="faux-foot"></div>
    </div>

    {% include "partials/footer.html" %}
{% endblock %}

{% block extrascripts %}
{% compress js %}
    {% include "partials/extrascripts.html" %}
{% endcompress %}
{% endblock %}
